<!DOCTYPE html>  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Prestigie | Premium Wordpress Theme</title>
	<meta name="Description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow,archive" />    
	<meta name="revisit-after" content="1 days" />
	<meta name="robots" content="all" />
	<meta name="google-site-verification" content="" />
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/ico" href="#" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/columnal.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="css/build.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="css/meanmenu.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="gold.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="css/light-box.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="single-project2.css"  />
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Open+Sans:400,300,300italic,600,700,800,400italic|Nobile:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
	
	<!-- JavaScripts -->
	<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/retina.js"></script>

<!-- SCRIPT MENU EFFECTS -->
	<script type="text/javascript" src="js/ddlevelsmenu-gold.js"></script>
    <script type="text/javascript" src="js/jquery.meanmenu.js"></script>
        
        <script>
			jQuery(document).ready(function () {
				jQuery('#mobile-menu').meanmenu({
					meanScreenWidth: "1024"
				});
			});
		</script>


<!-- CONTACT FORM -->
	<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
	<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
		<script>
		$(document).ready(function() {
			
			$("#form1").validationEngine({
					ajaxFormValidation: true,
					onBeforeAjaxFormValidation: function() {
						$.ajax({
							url: 'ajaxSubmit.php',
							timeout: 15000,
							type: 'post',
							data: $('#form1').serialize(),
							success: function(html) {
								$("#form1").html('<span>Thank you, We will contact you soon !</span>'); 
							},
							error: function (result) {alert('An error occurred while sending.');}
						});
						return false;
					}
				});

			$("#form1").bind("jqv.form.validating", function() {	
				if ($('#name').val()=='Your Name') $('#name').val('');
				if ($('#email').val()=='E-mail') $('#email').val('');
				if ($('#comment').val()=='Your message') $('#comment').val('');
			});

		
		});
		</script>
		
<!-- BACK TO THE TOP BUTTON -->
		<script>
		$(document).ready(function(){

			// hide #back-top first
			$("#back-top").hide();
			
			// fade in #back-top
			$(function () {
				$(window).scroll(function () {
					if ($(this).scrollTop() > 100) {
						$('#back-top').fadeIn();
					} else {
						$('#back-top').fadeOut();
					}
				});

				// scroll body to 0px on click
				$('#back-top a').click(function () {
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
			});

		});
		</script>
</head>
<body id="top">
<!-- HEADER -->
<header>
<div class="header-wrapper">
	<div class="header-top"></div>
		<div class="search-wrapper">
			<form class="form-wrapper cf">
			<input type="text" class="f" value="Search here..." onblur="if(this.value == '') { this.value='Search here...'}" onfocus="if (this.value == 'Search here...') {this.value=''}">
			<button type="submit">Search</button>
			</form>
		</div>
	<div class="header-center">
		<div class="header-content">
			<div class="logo"><h1><a href="index.html">Logo Prestigio</a></h1></div>
			<nav>
				<div class="main-menu no-menu">
					<div id="navigation">
						<div id="ddtopmenubar" class="mattblackmenu">
						<ul>
						<li><a href="#" data-rel="ddsubmenu1">Homepage</a></li>
						<li><a href="#" data-rel="ddsubmenu2">Subpage</a></li>
						<li><a href="#" data-rel="ddsubmenu3">Blog</a></li>
						<li><a href="panorama.html">Virtual Tour</a></li>
						<li><a href="contact.html">Contact</a></li>
						</ul>
						</div>
						<!--Top Drop Down Menu 1 HTML-->
						<ul id="ddsubmenu1" class="ddsubmenustyle">
						<li><a href="#">1.1 - Parallax slider</a>
							<ul>
							  <li><a href="index-parallax1.html">Content V.1</a></li>
							  <li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
							 </ul>
						</li>
						<li><a href="#">1.2 - Nivo slider - Stripes</a>
							<ul>
							  <li><a href="index-red.html">Red V.1 </a></li>
							  <li><a href="index-blue.html">Blue V.2</a></li>
							  <li><a href="index-green.html">Green V.3</a></li>
							  <li><a href="index-purple.html">Purple V.4</a></li>
							  <li><a href="index-gold.html">Goldish V.5</a></li>
							</ul>
						</li>
						<li><a href="#">1.3 - Video Background</a>
							<ul>
							  <li><a href="video1.html">Video Background V.1</a></li>
							  <li><a href="video2.html">Video Background V.2</a></li>
							  <li><a href="panorama.html">Video Background V.3</a></li>
							</ul>
						</li>
						<li><a href="#">1.4 - Cycle Slider</a>
						  <ul>
						  <li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
						  <li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
						  <li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
						  <li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
						  <li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
						  </ul>
						</li>
						<li><a href="index-elastic.html">1.5 - Elastic Slider</a>
						  <ul>
						  <li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
						  <li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
						  <li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
						  </ul></li>
						<li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
						</ul>
						<!--Top Drop Down Menu 2 HTML-->
						<ul id="ddsubmenu2" class="ddsubmenustyle">
						<li><a href="#">About</a></li>
						<li><a href="#">Gallery</a>
						  <ul>
							<li><a href="portfolio1.html">2.1 - Classic</a></li>
							<li><a href="portfolio2.html">2.2 - Filter Effect V.1</a></li>
							<li><a href="portfolio3.html">2.3 - Filter Effect V.2</a></li>
							<li><a href="#">2.4 - With LightBox</a></li>
						  </ul>
						</li>
						<li><a href="#">Single Project</a>
						  <ul>
							<li><a href="single-project.html">3.1 - V.1 Wooden</a></li>
							<li><a href="single-project2.html">3.2 - V.2 Light</a></li>
						  </ul>
						 </li>
						</ul>
						<!--Top Drop Down Menu 3 HTML-->
						<ul id="ddsubmenu3" class="ddsubmenustyle">
							<li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
							<li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
							<li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
							<li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
						</ul>
					</div>
				</div>
			<div id="mobile-menu">
									
                                   
                                        <ul>
                                            <li><a href="#" data-rel="ddsubmenu1">Homepage</a>
												<!--Top Drop Down Menu 1 HTML-->
												<ul>
													<li><a href="#">1.1 - Parallax slider</a>
														<ul>
															<li><a href="index-parallax1.html">Content V.1</a></li>
															<li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
														</ul>
													</li>
													<li><a href="#">1.2 - Nivo slider - Stripes</a>
														<ul>
															<li><a href="index-red.html">Red V.1 </a></li>
															<li><a href="index-blue.html">Blue V.2</a></li>
															<li><a href="index-green.html">Green V.3</a></li>
															<li><a href="index-purple.html">Purple V.4</a></li>
															<li><a href="index-gold.html">Goldish V.5</a></li>
														</ul>
													</li>
													<li><a href="#">1.3 - Video Background</a>
														<ul>
															<li><a href="video1.html">Video Background V.1</a></li>
															<li><a href="video2.html">Video Background V.2</a></li>
															<li><a href="panorama.html">Video Background V.3</a></li>
														</ul>
													</li>
													<li><a href="#">1.4 - Cycle Slider</a>
														<ul>
															<li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
															<li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
															<li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
															<li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
															<li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
														</ul>
													</li>
													<li><a href="index-elastic.html">1.5 - Elastic Slider</a>
														<ul>
															<li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
															<li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
															<li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
														</ul></li>
													<li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
												</ul>
											
											
											</li>
                                            <li><a href="#" data-rel="ddsubmenu2">Subpage</a>
											
												<!--Top Drop Down Menu 2 HTML-->
												<ul>
													<li><a href="#">About</a></li>
													<li><a href="#">Gallery</a>
														<ul>
															<li><a href="portfolio1.html">2.1 - Classic</a></li>
															<li><a href="portfolio2.html">2.2 - Filter Effect V.1</a></li>
															<li><a href="portfolio3.html">2.3 - Filter Effect V.2</a></li>
															<li><a href="#">2.4 - With LightBox</a></li>
														</ul>
													</li>
													<li><a href="#">Single Project</a>
														<ul>
															<li><a href="single-project.html">3.1 - V.1 Wooden</a></li>
															<li><a href="single-project2.html">3.2 - V.2 Light</a></li>
														</ul>
													</li>
												</ul>

											</li>
                                            <li><a href="#" data-rel="ddsubmenu3">Blog</a>
											
												<!--Top Drop Down Menu 3 HTML-->
												<ul>
													<li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
													<li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
													<li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
													<li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
												</ul>
                            
											
											</li>
                                            <li><a href="panorama.html">Virtual Tour</a></li>
                                            <li><a href="contact.html">Contact</a></li>
                                        </ul>
                                   
  							</div>
                        </nav>
                    </div>
                </div>
            </div>
            
            <div id="ovde"></div>
</header>

<div class="clear"></div>

<!-- CONTENT -->
		<div class="content-project container">
			<div class="pr-title row"><a href="index.html">Home</a> / <a href="portfolio2.html">Galery</a> / Product Name</div>
				<div class="single-project-hld row">	
					<section>
					<ul class="lb-album col_8 omega">
						<li>
							<a href="#image-1">
								<img src="images/slide15.jpg" alt="image01">
								<span><img src="images/magnifier-64.png" alt="" class="magnifier"/></span>
							</a>
						</li>
					</ul>
					</section>
				<div class="lb-overlay" id="image-1">
						<a href="#page" class="lb-close">x Close</a>
						<img src="images/slide15-full.jpg" alt="image01" />
				</div>
				<div id="text-sp" class="col_4 omega">
					<div class="pbt_share-links">
					  <ul>
						<li>
						  <a class="share-link gplus" title="Share on Google Plus">
							<span>GOOGLE +<g:plusone size="small" annotation="none" href="http://www.spundo.com"></g:plusone></span>
						  </a>
						</li>
						<li>
						  <a class="share-link twitter" href="http://twitter.com/YOUR_PAGE" title="Tweet this"><span>TWITTER</span></a>
						</li>
						<li>
						  <a class="share-link facebook" href="http://www.facebook.com/YOUR_PAGE" title="Share on Facebook"><span>FACEBOOK</span></a>
						</li>
						<li>
						  <a class="share-link email" href="mailto:Your-Email" title="Receive Updates via Email"><span>EMAIL</span></a>
						</li>
					  </ul>
					</div>
					<!-- .pbt_share-links -->
					<script type="text/javascript">
					 
					  var po = document.createElement('script');
					 
					  po.type = 'text/javascript';
					  po.async = true;
					  po.src = 'https://apis.google.com/js/plusone.js';
					  var s = document.getElementsByTagName('script')[0];
					  s.parentNode.insertBefore(po, s);
					</script>
					<h2>Project Details</h2>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip</p>
					<ul class="projects">
						<li>Lorem ipsum dolor</li>
						<li>Sit amet, consectetuer</li>
						<li>Adipiscing elit, aliquam</li>
						<li>Erat volutpat</li>
					</ul>
					<p>Lorem ipsum dolor sit amet <a href="#">consectetuer adipiscing  &rarr;</a></p>
				</div>
			</div>

			<div class="pc_panel" id="pc_panel">		
				<div class="pc_title row">Similar Products</div>		
                	<div id="pc_content" class="row">
						<div class="pc_item col_3">
							<h2>Annotation Overlay Effect with jQuery</h2>
							<img src="images/small/22.jpg" alt=""/>
							<p>A slick overlay effect that let's you show notes on a portfolio item</p>
						</div>
						<div class="pc_item col_3">
							<h2>Slider Gallery with jQuery</h2>
							<img src="images/small/21.jpg" alt=""/>
							<p>Slide through an album and enlarge images to full view them when clicked</p>
						</div>
						<div class="pc_item col_3">
							<h2>Compact News Previewer with jQuery</h2>
							<img src="images/small/23.jpg" alt=""/>
							<p>A small and compact news previewer for your latest posts or news</p>
						</div>
						<div class="pc_item col_3">
							<h2>Polaroid Photobar Gallery</h2>
							<img src="images/small/24.jpg" alt=""/>
							<p>Show you images in a polaroid photobar with randomly rotated thumbnails</p>
						</div>
						<div class="pc_item col_3">
							<h2>Full Page Image Gallery with jQuery</h2>
							<img src="images/small/25.jpg" alt=""/>
							<p>A full page image gallery with a auto sliding thumbnails view</p>
						</div>
						<div class="pc_item col_3">
							<h2>Collapsing Site Navigation with jQuery</h2>
							<img src="images/small/26.jpg" alt=""/>
							<p>A navigation with content panels that slide some image out on hover</p>
						</div>
						<div class="pc_item col_3">
							<h2>Thumbnails Navigation Gallery with jQuery</h2>
							<img src="images/small/27.jpg" alt=""/>
							<p>A menu like gallery that shows its thumbnails in each item by auto scrolling</p>
						</div>
						<div class="pc_item col_3">
							<h2>Music Portfolio Template</h2>
							<img src="images/small/28.jpg" alt=""/>
							<p>A compact template for music albums and an audio player on HTML5 basis</p>
						</div>
						<div class="pc_item col_3">
							<h2>Related Posts Slide Out Boxes</h2>
							<img src="images/small/29.jpg" alt=""/>
							<p>Slide out related posts on the right side of you page and shuffle from a set</p>
						</div>
						<div class="pc_item col_3">
							<h2>Interactive Image Vamp up</h2>
							<img src="images/small/30.jpg" alt=""/>
							<p>Vamp up you photos with this little experiment some drag and drop functionality</p>
						</div>
						<div class="pc_item col_3">
							<h2>Grungy Random Rotation Menu</h2>
							<img src="images/small/14.jpg" alt=""/>
							<p>Randomly rotate page elements on every refresh in a grundgy way</p>
						</div>
					</div>
				</div>
			</div>			
<div class="clear"></div>
<footer>
<div id="footer-top">
	<div class="footer-nav">
    <div id="global-footer">
	<nav>
		<div class="footer-left">
		<div class="section">
		  <h3>Biz Stuff</h3>
		  <ul>
			<li><a href="#">Privacy Policy</a></li>
			<li><a href="#">Terms and Conditions</a></li>
			<li><a href="#">Secure Site</a></li>
			<li><a href="#">Affiliate Program</a></li>
		  </ul>
		</div>

		<div class="section">
		  <h3>Customer Service</h3>
		  <ul>
			<li><a href="#">About Us</a></li>
			<li><a href="#">FAQ</a></li>
			<li><a href="#">Customer Testimonials</a></li>
			<li><a href="#">Contact Us</a></li>
		  </ul>
		</div>
		<div class="section">
		  <h3>Socialize</h3>
		  <ul>
			<li class="gplus-icon"><a href="#">Google +</a></li>
			<li class="facebook-icon"><a href="#">Facebook</a></li>
			<li class="twitter-icon"><a href="#">Twitter</a></li>
			<li class="linkedin-icon"><a href="#">LinkedIn</a></li>
		  </ul>
		</div>
		</div>
	</nav>
	<div class="section-form">
	  <h3>Contact</h3>
	  <div id="form-div">
		<form class="form" id="form1">
		  <p class="name">
			<input name="name" type="text" class="validate[required,minSize[2]] text-input" id="name" value="Your Name" onfocus="if (this.value == 'Your Name') {this.value=''}" />
		  </p>
		  <p class="email">
			<input name="email" type="text" class="validate[required,custom[email]] text-input" id="email" value="E-mail" onfocus="if (this.value == 'E-mail') {this.value=''}" />
		  </p>
		  <p class="text">
			<textarea name="text" class="validate[required,minSize[6]] text-input" id="comment" onfocus="if (this.value == 'Your message') {this.value=''}">Your message</textarea>
		  </p>
		  <p class="send">
			<input type="submit" value="Send" />
		  </p>
		</form>
	  </div>
    </div>
	</div>
	</div>
	<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
</div>
<div class="footer-bottom">
	<div id="copyright"><p>Copyright <a href="#">Prestigie</a> 2013. All rights reserved. |  Created by <a href="http://www.spundo.com">Spundo</a></p></div>
</div>
</footer>
<!--Top Drop Down Menu Script-->
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>

</body>
</html>